<ul>
    <li class="current">默认表情</li>
    <li class="im_faceclose">&times;</li>
</ul>
<div class="im_faceico">
    <a href="#" title="微笑" code="/01/"><img src="face/qq/01.gif" /></a>
    <a href="#" title="色" code="/02/"><img src="face/qq/02.gif" /></a>
    <a href="#" title="发呆" code="/03/"><img src="face/qq/03.gif" /></a>
    <a href="#" title="得意" code="/04/"><img src="face/qq/04.gif" /></a>
    <a href="#" title="流泪" code="/05/"><img src="face/qq/05.gif" /></a>
    <a href="#" title="害羞" code="/06/"><img src="face/qq/06.gif" /></a>
    <a href="#" title="闭嘴" code="/07/"><img src="face/qq/07.gif" /></a>
    <a href="#" title="睡" code="/08/"><img src="face/qq/08.gif" /></a>
    <a href="#" title="撇嘴" code="/09/"><img src="face/qq/09.gif" /></a>
    <a href="#" title="大哭" code="/10/"><img src="face/qq/10.gif" /></a>
    <a href="#" title="发怒" code="/11/"><img src="face/qq/11.gif" /></a>
    <a href="#" title="调皮" code="/12/"><img src="face/qq/12.gif" /></a>
    <a href="#" title="呲牙" code="/13/"><img src="face/qq/13.gif" /></a>
    <a href="#" title="惊讶" code="/14/"><img src="face/qq/14.gif" /></a>
    <a href="#" title="难过" code="/15/"><img src="face/qq/15.gif" /></a>
    <a href="#" title="酷" code="/16/"><img src="face/qq/16.gif" /></a>
    <a href="#" title="冷汗" code="/17/"><img src="face/qq/17.gif" /></a>
    <a href="#" title="抓狂" code="/18/"><img src="face/qq/18.gif" /></a>
    <a href="#" title="吐" code="/19/"><img src="face/qq/19.gif" /></a>
    <a href="#" title="偷笑" code="/20/"><img src="face/qq/20.gif" /></a>
    <a href="#" title="可爱" code="/21/"><img src="face/qq/21.gif" /></a>
    <a href="#" title="白眼" code="/22/"><img src="face/qq/22.gif" /></a>
    <a href="#" title="傲慢" code="/23/"><img src="face/qq/23.gif" /></a>
    <a href="#" title="饥饿" code="/24/"><img src="face/qq/24.gif" /></a>
    <a href="#" title="困" code="/25/"><img src="face/qq/25.gif" /></a>
    <a href="#" title="惊恐" code="/26/"><img src="face/qq/26.gif" /></a>
    <a href="#" title="流汗" code="/27/"><img src="face/qq/27.gif" /></a>
    <a href="#" title="憨笑" code="/28/"><img src="face/qq/28.gif" /></a>
    <a href="#" title="大兵" code="/29/"><img src="face/qq/29.gif" /></a>
    <a href="#" title="奋斗" code="/30/"><img src="face/qq/30.gif" /></a>
    <a href="#" title="咒骂" code="/31/"><img src="face/qq/31.gif" /></a>
    <a href="#" title="疑问" code="/32/"><img src="face/qq/32.gif" /></a>
    <a href="#" title="嘘" code="/33/"><img src="face/qq/33.gif" /></a>
    <a href="#" title="晕" code="/34/"><img src="face/qq/34.gif" /></a>
    <a href="#" title="折磨" code="/35/"><img src="face/qq/35.gif" /></a>
    <a href="#" title="衰" code="/36/"><img src="face/qq/36.gif" /></a>
    <a href="#" title="骷髅" code="/37/"><img src="face/qq/37.gif" /></a>
    <a href="#" title="敲打" code="/38/"><img src="face/qq/38.gif" /></a>
    <a href="#" title="再见" code="/39/"><img src="face/qq/39.gif" /></a>
    <a href="#" title="擦汗" code="/40/"><img src="face/qq/40.gif" /></a>
    <a href="#" title="抠鼻" code="/41/"><img src="face/qq/41.gif" /></a>
    <a href="#" title="鼓掌" code="/42/"><img src="face/qq/42.gif" /></a>
    <a href="#" title="糗大了" code="/43/"><img src="face/qq/43.gif" /></a>
    <a href="#" title="坏笑" code="/44/"><img src="face/qq/44.gif" /></a>
    <a href="#" title="左哼哼" code="/45/"><img src="face/qq/45.gif" /></a>
    <a href="#" title="右哼哼" code="/46/"><img src="face/qq/46.gif" /></a>
    <a href="#" title="哈欠" code="/47/"><img src="face/qq/47.gif" /></a>
    <a href="#" title="鄙视" code="/48/"><img src="face/qq/48.gif" /></a>
    <a href="#" title="委屈" code="/49/"><img src="face/qq/49.gif" /></a>
    <a href="#" title="快哭了" code="/50/"><img src="face/qq/50.gif" /></a>
    <a href="#" title="阴险" code="/51/"><img src="face/qq/51.gif" /></a>
    <a href="#" title="亲亲" code="/52/"><img src="face/qq/52.gif" /></a>
    <a href="#" title="吓" code="/53/"><img src="face/qq/53.gif" /></a>
    <a href="#" title="可怜" code="/54/"><img src="face/qq/54.gif" /></a>
    <a href="#" title="啵一个" code="/55/"><img src="face/qq/55.gif" /></a>
    <a href="#" title="猪头" code="/56/"><img src="face/qq/56.gif" /></a>
    <a href="#" title="强" code="/57/"><img src="face/qq/57.gif" /></a>
    <a href="#" title="握手" code="/58/"><img src="face/qq/58.gif" /></a>
    <a href="#" title="胜利" code="/59/"><img src="face/qq/59.gif" /></a>
    <a href="#" title="OK" code="/60/"><img src="face/qq/60.gif" /></a>
</div>
<style type="text/css">
    #im_face ul{height:24px;line-height: 24px;background: #f7f7f7;padding:5px 5px 0 11px;}
    #im_face ul li{float: left;padding:0 15px;list-style: none;cursor: pointer; color: #666;}
    #im_face ul li.current{background: #fff;color:#c00;}
    #im_face ul li.im_faceclose{float:right;line-height: 18px;padding:0 5px;font-size:16px;}
    #im_face ul li.im_faceclose:hover{float:right;color:#c00;}
    #im_face .im_faceico{margin:11px;background: #fff;}
    #im_face .im_faceico a{display:block;width:24px;height:24px;border:solid 1px #dfe6f6;background:#fff;float: left;margin:-1px 0 0 -1px;padding:2px 2px 1px 2px;}
    #im_face .im_faceico a:hover{background: #fafafa;}
</style>
